<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?bad52787df095ca860d99f9aed7f15e0";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="http://103.38.80.204:3377/static/js/link_3377.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>3377浣撹偛 - 鍏ㄧ綉鏈€鍏ㄦ渶鏈夋€佸害鐨勪綋鑲茶禌浜嬬洿鎾钩鍙�</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Helvetica Neue", Arial, sans-serif;
}
body {
background: url("http://103.38.80.204:3377/static/images/sszd_fajia_d.webp") center top/cover
no-repeat;
background-attachment: scroll;
color: #0d1969;
}
.nav {
padding: 20px 80px;
display: flex;
justify-content: space-between;
align-items: center;
background: #ffffff;
position: fixed;
width: 100%;
top: 0;
z-index: 100;
border-bottom: 1px solid #e0e0e0;
}
.logo {
width: 180px;
height: auto;
display: block;
}
.auth-buttons {
display: flex;
gap: 20px;
justify-content: center;
margin-top: 20px;
}
.auth-button {
padding: 12px 30px;
border-radius: 25px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
background: rgba(77, 86, 255, 0.9);
color: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.auth-button:hover {
background: #6a74ff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.login {
background: transparent;
border: 2px solid #4d56ff;
color: #4d56ff;
}
.login:hover {
background: #4d56ff;
color: #ffffff;
}
.register {
background: #4d56ff;
color: white;
border: 2px solid #4d56ff;
}
.register:hover {
background: #6a74ff;
border-color: #6a74ff;
}
.hero {
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding: 0 20%;
color: #0d1969;
background-color: rgba(255, 255, 255, 0.6);
}
.hero h1,
.hero p {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.hero h1 {
font-size: 48px;
margin-bottom: 20px;
}
.hero p {
font-size: 20px;
color: #444444;
margin-bottom: 40px;
}
.features {
padding: 100px 80px;
background: #ffffff;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.feature-card {
padding: 40px;
background: #f4f8fc;
border-radius: 15px;
text-align: center;
transition: transform 0.3s;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.feature-card:hover {
transform: translateY(-5px);
}
.feature-card img {
width: 80px;
margin-bottom: 20px;
}
.feature-card h3 {
color: #0d1969;
margin-bottom: 10px;
font-size: 22px;
}
.feature-card p {
color: #555555;
font-size: 16px;
}
footer {
padding: 40px;
text-align: center;
background: #e6ecf9;
border-top: 1px solid #d0d7e8;
color: #777;
font-size: 14px;
}
/* 绌洪棿琛ュ伩 */
.spacer {
height: 100px;
}
</style>
</head>
<body>
<nav class="nav">
<img
src="http://103.38.80.204:3377/static/images/header_logo-0685fe3b.webp"
alt="3377浣撹偛"
class="logo"
/>
<div class="auth-buttons">
<button
class="auth-button register"
onclick="_Reg('home');"
target="_blank"
>
绔嬪嵆娉ㄥ唽
</button>
<button
class="auth-button login"
onclick="_Reg('login');"
target="_blank"
>
鐧诲綍
</button>
</div>
</nav>
<div class="spacer"></div>
<section class="hero">
<h1>灏戒韩鍏ㄧ悆浣撹偛鐩涘</h1>
<p>瑕嗙洊100+浣撹偛椤圭洰锛屾彁渚涘疄鏃惰禌浜嬨€佷笓涓氭暟鎹垎鏋愪笌浜掑姩绀惧尯</p>
<div class="auth-buttons">
<button
class="auth-button register"
onclick="_Reg('home');"
target="_blank"
>
鍏嶈垂娉ㄥ唽
</button>
<button
class="auth-button login"
onclick="_Reg('login');"
target="_blank"
>
绔嬪嵆鐧诲綍
</button>
</div>
</section>
<!-- <section class="features">
<div class="feature-card">
<img src="live-icon.svg" alt="鐩存挱" />
<h3>楂樻竻鐩存挱</h3>
<p>瀹炴椂瑙傜湅鍏ㄧ悆椤剁骇璧涗簨锛屽璺В璇翠换閫�</p>
</div>
<div class="feature-card">
<img src="data-icon.svg" alt="鏁版嵁" />
<h3>涓撲笟鏁版嵁</h3>
<p>瀹炴椂缁熻涓庢繁搴﹁禌浜嬪垎鏋�</p>
</div>
<div class="feature-card">
<img src="community-icon.svg" alt="绀惧尯" />
<h3>浣撹偛绀惧尯</h3>
<p>涓庡崈涓囦綋鑲茬埍濂借€呭疄鏃朵簰鍔�</p>
</div>
</section> -->
<footer>
<p>漏 2025 3377浣撹偛 鐗堟潈鎵€鏈�</p>
</footer>
</body>
</html>